
<link rel="stylesheet" href="{:getRootUrl()}Addons/Slide/css/responsiveslides.css" >
<style>
.wrap { position: relative; width: 900px; margin: 0 auto;}
.rslides li { position: relative;}
.rslides p { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; margin: 0; padding: 0 10px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); background-color: #666\9;}
.centered-btns_nav { position: absolute; top: 50%; z-index: 2; width: 38px; height: 61px; margin-top: -40px; line-height: 200px; background-image: url(images/arrow.gif); overflow: hidden; opacity: .7;}
.next { right: 0; background-position: right 0;}
.centered-btns_nav:active { opacity: 1;}
</style>

<div class="wrap">
	<ul class="rslides" id="dowebok">
	<?php foreach($list as $v) { ?>
		<li>
			<a href="<?php echo $v['href'];?>" target="_blank"><img src="<?php echo $v['path'];?>" alt=""></a>
			<p><?php echo $v['info'];?></p>
		</li>
		<?php } ?>
	</ul>
</div>

<script src="{:getRootUrl()}Addons/Slide/js/jquery-1.11.3.min.js" ></script>
<script src="{:getRootUrl()}Addons/Slide/js/responsiveslides.min.js"></script>
<script>
$(function() {
	$('#dowebok').responsiveSlides({
		nav: true,
		namespace: 'centered-btns'
	});
});
</script>










